/* 
 * 一个简单到不能再简单的动画库
  * @Author Jan
  * @Version 2021-0413
*/

@keyframes fade {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

@keyframes fade-out {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
	}
}

/* 	下滑淡入 */
@keyframes fade-down {
	from {
		opacity: 0;
		transform: translateY(-50px);
	}
	to {
		opacity: 1;
	}
}

/* 上滑淡入 */
@keyframes fade-up {
	from {
		opacity: 0;
		transform: translateY(50px);
	}
	to {
		opacity: 1;
	}
}

/* 左滑淡入 */
@keyframes fade-left {
	from {
		opacity: 0;
		transform: translateX(-50px);
	}
	to {
		opacity: 1;
	}
}

/* 右滑淡入 */
@keyframes fade-right {
	from {
		opacity: 0;
		transform: translateX(50px);
	}
	to {
		opacity: 1;
	}
}
